<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="content-Type" content="text/html;charset=utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <meta name="description" content="同乡烩后台管理系统"/>
    <title>同乡烩后台管理系统</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/reset.css}"/>
    <link rel="stylesheet" th:href="@{/css/main.css}"/>
    <link rel="stylesheet" th:href="@{/css/list.css}"/>
    <script type="text/javascript" th:src="@{/js/jquery-3.4.1.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
</head>
<!-- 用户列表 -->
<body>
<!-- 固定 -->
<div class="main">
    <div th:replace="admin/admin-left::left"/>
    <div class="main-left"></div>

    <!-- 操作 -->
    <div class="main-right">
        <div class="main-right-header"></div>
        <div class="main-right-navs">
            <a href="#">管理首页</a><a class="split">/</a><a>用户管理</a><a>/</a><a>搜索用户</a>
            <div class="margin-right-container">
                <div class="section section1">
                    <div class="margin-right-container-nav">用户名</div>
                    <div class="margin-right-container-nav">邮箱</div>
                    <div class="margin-right-container-nav">手机号码</div>
                    <div class="margin-right-container-nav">角色</div>
                    <div class="margin-right-container-nav">操作</div>
                    <div class="clear"></div>
                </div>
                <div id="caipin">
                    <div class="section  section2">
                        <div class="margin-right-container-nav margin-right-container-nav2"
                             th:text="${user.getAccount()}">用户名
                        </div>
                        <div class="margin-right-container-nav margin-right-container-nav2"
                             th:text="${user.getEmail()}">邮箱
                        </div>
                        <div class="margin-right-container-nav margin-right-container-nav2"
                             th:text="${user.getPhone()}">手机号码
                        </div>
                        <div class="margin-right-container-nav margin-right-container-nav2"
                             th:text="${user.getRole()}">角色
                        </div>
                        <div class="margin-right-container-nav margin-right-container-nav2">
                            <a id="remove" th:href="@{/deleteUser/}+${user.getAccount()}">删除</a></div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
